<template>
  <div class="productlist">
    <sanheader></sanheader>
    <ul class="selectList">
      <li v-for="item in  dataList" @click="goDetails(item)">
        <img class="product-img" :src="item.avatar" alt=""/>
      </li>
    </ul>
  </div>
</template>

<script>
  import sanheader from '@/components/header/sanheader'

  export default {
    name: "productList",
    data() {
      return {
        topStatus: '',
        dataList: [
          {
            id: 100000121,
            avatar: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1519986512144&di=1ca08b2fe057e5d8089378ade12d834c&imgtype=0&src=http%3A%2F%2Fimgsrc.baidu.com%2Fimgad%2Fpic%2Fitem%2Fb21bb051f8198618b4505a5040ed2e738ad4e6cb.jpg',
          },
          {
            id: 100000122,
            avatar: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1519986157362&di=f235a84e57fccb95b36e36e05b8b6ea6&imgtype=0&src=http%3A%2F%2Fww4.sinaimg.cn%2Fthumb180%2F862dc77cly1fm4snr045dj20j60j5wfe.jpg"
          },
          {
            id: 100000123,
            avatar: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1519986239504&di=08e3d131601d4faa0488e9be5a82f76f&imgtype=0&src=http%3A%2F%2Fimg1.2345.com%2Fduoteimg%2FqqTxImg%2F2%2F4d9488012aefe59c5ae4fd4a760ee37d.jpg"
          },
          {
            id: 100000124,
            avatar: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1519986535010&di=90a058f57ee38f6eb6b0c1c4a51b88e6&imgtype=0&src=http%3A%2F%2Fimg1.3lian.com%2F2015%2Fa1%2F82%2Fd%2F158.jpg',

          }
        ]
      }
    },
    components: {
      sanheader,
    },
    methods
  }
</script>

<style scoped lang="less">
  .selectList {
    img {
      width: 100%;
      height: 120px;
    }

  }
</style>
